<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="../../commons/template.xhtml">

    <ui:define name="content">
        <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
        <p:dialog widgetVar="statusDialog" modal="true">
            <h:outputLabel value="Cargando" />
        </p:dialog>

        <p:panel id="IDPnlTipoContratacion" style="#{msj['p.panelGrande']}">
            <f:facet name="header">
                <h:form id="IDFrmTipoContratacionNuevo">			
                    <div style="float: left; font-size: 20px;">Mantenimiento Tipo Contratacion</div>

                    <div style="float: right;">
                        <p:commandButton value="#{msj['p.commanButton_Nuevo']}"
                                         actionListener="#{tipoContratacionMB.limpiarTipoContr()}"
                                         update=":IDDialogTipoContratacion"
                                         title="Agregar Tipo Contratacion"
                                         oncomplete="WVDialogTipoContratacion.show();" />
                    </div>
                </h:form>
            </f:facet>
            <h:form id="IDFrmTipoContratacion">
                <p:dataTable id="IDDataTblTipoContratacion" 
                             var="VDataTblTipoContratacion"
                             value="#{tipoContratacionMB.tipoContratacions}" 
                             paginator="true" rows="#{msj['p.dataTable_filas_catalogo']}"
                             editable="true">

                    <p:column headerText="Nombre Tipo Contratacion" 
                              filterBy="#{VDataTblTipoContratacion.nombre}" 
                              filterMatchMode="contains" style="white-space:pre-line">                       
                        <h:outputText value="#{VDataTblTipoContratacion.nombre}" />                           
                    </p:column>
                    <p:column headerText="Descripcion" style="white-space:pre-line">                       
                        <h:outputText value="#{VDataTblTipoContratacion.descripcion}" />                           
                    </p:column>                  
                    <p:column headerText="Fecha Modificacion">                       
                        <h:outputText value="#{VDataTblTipoContratacion.fechaMod}">
                            <f:convertDateTime type="date" pattern="dd-MM-yyyy hh:mm:ss a" timeZone="CST"/>
                        </h:outputText>                          
                    </p:column>
                    <p:column headerText="Activo">                       
                        <h:outputText value="#{VDataTblTipoContratacion.activo}" />                           
                    </p:column>
                    <p:column headerText="Opciones" style="width:8%">
                        <div style="float: left;">
                            <p:commandLink styleClass="ui-icon ui-icon-pencil" 
                                           actionListener="#{tipoContratacionMB.modificarEntidad(VDataTblTipoContratacion)}"
                                           title="Editar Tipo Contratacion" 
                                           oncomplete="WVDialogTipoContratacion.show();" 
                                           update=":IDFrmDialogTipoContratacion" />
                        </div>
                    </p:column>
                </p:dataTable>
            </h:form>
        </p:panel>
    </ui:define>

    <ui:define name="dialog">

        <p:dialog id="IDDialogTipoContratacion"
                  header="Mantenimiento Tipo Contratacion" 
                  modal="true" closable="false" 
                  width="500" widgetVar="WVDialogTipoContratacion">
            
            <h:form id="IDFrmDialogTipoContratacion">
                <p:panelGrid columns="2" style="width: 400px">

                    <h:outputText value="Nombre Tipo Contratacion" />
                    <p:inputText value="#{tipoContratacionMB.tipoContratacion.nombre}" 
                                 style="width: 300px" />

                    <h:outputText value="Descripcion" />
                    <p:inputTextarea value="#{tipoContratacionMB.tipoContratacion.descripcion}"
                                     style="width: 300px" />

                    <h:outputText value="Activo" />
                    <p:selectOneMenu value="#{tipoContratacionMB.tipoContratacion.activo}" style="width: 300px">
                        <f:selectItem itemLabel="A - Activo" itemValue="A" />
                        <f:selectItem itemLabel="I - Inactivo" itemValue="I" />
                    </p:selectOneMenu>

                    <p:commandButton value="Guardar"
                                     actionListener="#{tipoContratacionMB.guardarEntidad()}"
                                     />
                    <p:commandButton value="Cerrar"
                                     update=":IDFrmDialogTipoContratacion"
                                     oncomplete="WVDialogTipoContratacion.hide()" />
                </p:panelGrid>
            </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>